<html>
  <head>
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
    />
    <meta charset="UTF-8" />
    <title>党代会</title>
    <script type="text/javascript">
      document.documentElement.style.fontSize = `${
        (document.documentElement.clientWidth / 750) * 100
      }px`;
    </script>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <link rel="stylesheet" type="text/css" href="css/effect.css" />
  </head>
  <body>
    <div id="music">
      <audio src="mp3/1.mp3"></audio>
      <audio src="mp3/2.mp3"></audio>
      <audio src="mp3/3.mp3"></audio>
      <audio src="mp3/4.mp3"></audio>
      <audio src="mp3/5.mp3"></audio>
      <audio src="mp3/6.mp3"></audio>
      <audio src="mp3/7.mp3"></audio>
      <audio src="mp3/8.mp3"></audio>
      <audio src="mp3/9.mp3"></audio>
      <audio src="mp3/10.mp3"></audio>
      <audio src="mp3/11.mp3"></audio>
      <audio src="mp3/12.mp3"></audio>
      <audio src="mp3/13.mp3"></audio>
      <audio src="mp3/14.mp3"></audio>
      <audio src="mp3/15.mp3"></audio>
    </div>

    <div id="wrap">
      <div id="page-one" class="page">
        <img src="img/594253e3347a194bbc1a3222.jpg" />
        <div id="pro">
          <p class="proIn"></p>
        </div>
      </div>

      <div id="page-two" class="page none">
        <!--开头第一页开始-->
        <div id="wrap-one">
          <img src="img/59422a75347a1923252dd4e2.png" />
          <div id="first" class="sideDown">
            <p>国解党代会报告</p>
            <p>奋力开创经济文化强省新局面</p>
          </div>
          <img
            src="img/594229a1347a19271a69645b.png"
            alt="有声版"
            id="Hvoice"
            class="rotateYPic"
          />
          <!--箭头开始-->
          <img
            src="img/59429a9b347a194b2d41f8cc.png"
            id="narrow"
            class="jiantou"
          />
          <!--箭头结束-->
        </div>
        <!--开头第一页结束-->

        <!--剩下的全部部分开始-->

        <div id="wrap-elseAll">
          <!--长图开始-->
          <img src="img/59424475347a19200b5781f5.png" id="longPic" />
          <!--长图结束-->

          <!--插图开始（人物，物品）-->
          <div id="insertPic">
            <img src="img/1.png" alt="习大大" />
            <img src="img/2.png" alt="猪" />
            <img src="img/3.png" alt="交通" />
            <img src="img/4.png" alt="地图有圈" />
            <img src="img/5.png" alt="高楼" />
            <img src="img/6.png" alt="老者" />
            <img src="img/7.png" alt="平原河流" />
            <img src="img/8.png" alt="农民" />
            <img src="img/5942325f347a19229c74db2c.png" alt="地图无圈" />
          </div>
          <!--插图结束（人物，物品）-->

          <!--任务部分开始-->
          <div id="task">
            <img src="img/594232fc347a1922897a7923.png" alt="女孩看书" />
            <img src="img/59423324347a1922a669ecf6.png" alt="警察" />
            <img src="img/59423344347a19229d2cf978.png" alt="庙宇" />
            <img src="img/59423363347a194b9b1a3eea.png" alt="摘果" />
          </div>
          <!--任务部分结束-->

          <!--喇叭开始-->
          <div id="laBa">
            <img
              src="img/labaWhite.png"
              alt="喇叭白色"
              class="labaWhite la laba"
              data-i="10"
            />
            <img
              src="img/59423a43347a191f9d3c757a.png"
              alt="喇叭红色"
              class="labaRed lb laba"
              data-i="1"
            />
            <img
              src="img/59423a43347a191f9d3c757a.png"
              alt="喇叭红色"
              class="labaRed lb laba"
              data-i="2"
            />
            <img
              src="img/59423a43347a191f9d3c757a.png"
              alt="喇叭红色"
              class="labaRed lb laba"
              data-i="3"
            />
            <img
              src="img/59423a43347a191f9d3c757a.png"
              alt="喇叭红色"
              class="labaRed lb laba"
              data-i="4"
            />
            <img
              src="img/59423a43347a191f9d3c757a.png"
              alt="喇叭红色"
              class="labaRed lb laba"
              data-i="5"
            />
            <img
              src="img/59423a43347a191f9d3c757a.png"
              alt="喇叭红色"
              class="labaRed lb laba"
              data-i="6"
            />
            <img
              src="img/59423a43347a191f9d3c757a.png"
              alt="喇叭红色"
              class="labaRed lb laba"
              data-i="7"
            />
            <img
              src="img/59423a43347a191f9d3c757a.png"
              alt="喇叭红色"
              class="labaRed lb laba"
              data-i="8"
            />
            <img
              src="img/59423a43347a191f9d3c757a.png"
              alt="喇叭红色"
              class="labaRed lb laba"
              data-i="9"
            />
            <img
              src="img/59423a43347a191f9d3c757a.png"
              alt="喇叭红色"
              class="labaRed lb laba"
              data-i="11"
            />
            <img
              src="img/59423a43347a191f9d3c757a.png"
              alt="喇叭红色"
              class="labaRed lb laba"
              data-i="12"
            />
            <img
              src="img/59423a43347a191f9d3c757a.png"
              alt="喇叭红色"
              class="labaRed lb laba"
              data-i="13"
            />
            <img
              src="img/59423a43347a191f9d3c757a.png"
              alt="喇叭红色"
              class="labaRed lb laba"
              data-i="14"
            />
            <img
              src="img/59423a43347a191f9d3c757a.png"
              alt="喇叭红色"
              class="labaRed lb laba"
              data-i="15"
            />
          </div>
          <!--喇叭结束-->

          <!--进度条开始-->
          <div id="progress">
            <div>
              <p></p>
            </div>
            <div>
              <p></p>
            </div>
          </div>
          <!--进度条结束-->

          <!--小球开始-->
          <div id="ball" class=""></div>
          <!--小球结束-->

          <!--其他开始-->
          <div id="else">
            <img src="img/59424504347a1924bf3c4fe9.png" />
            <img src="img/59424593347a191f9d3c76db.png" />
          </div>
          <!--其他结束-->
        </div>

        <!--剩下的全部部分结束-->
      </div>
    </div>
  </body>
  <script src="js/index.js"></script>
</html>
